<template>
  <div class="hello">
    <Header/>
    <el-container class="content">
    <Meun/>
    <el-container>
      <el-main>
        <Bread/>
        <div class="cont"> <router-view></router-view> </div> </el-main> 
     <el-footer><Footer/></el-footer>
    </el-container>
     
    </el-container>
  </div>
</template>

<script>
import Header from "./common/Header.vue";  //头部
import Footer from "./common/Footer.vue";  //底部
import Meun from "./common/Meun.vue";      //侧边
import Bread from "./common/Breadcrumb.vue"; //面包屑
export default {
  components: {
    Header,
    Footer,
    Meun,
    Bread
  },
  data(){
     return {
       
     }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
   .hello{
     width: 100%;
     height: 100%;
     .content{
       width: 100%;
       position: absolute;
       bottom: 0;
       top: 60px;
       .cont{
         margin: 20px 0;
       }
     }
   }
</style>
